<template>
  <div class>
    <van-cell-group>
      <van-field
        v-model="username"
        required
        clearable
        label="用户名"
        right-icon="question-o"
        placeholder="请输入用户名"
        @click-right-icon="$toast('question')"
      />

      <van-field v-model="password" type="password" label="密码" placeholder="请输入密码" required />

    </van-cell-group>
  </div>
</template>

<script>

import { Field, CellGroup } from 'vant';

export default {
  data() {
    return {
      username:'',
      password:''
    };
  },
  components: {
    [Field.name]:Field,
    [CellGroup.name]:CellGroup
  },
  methods: {}
};
</script>

<style lang='scss' scoped>
//@import '@/assets/css/'; //引入公共css类
</style>